<div wire:poll.5000ms>
    <header class="p-3 mb-3" style="background: #F1F2F7">
        <div class="container">
            <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
                <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
                    <li><div class="nav-link px-2 link-dark">{{ $this->server->ip_address}}</div></li>
                    <li class="nav-link px-2 link-dark"> {{ $this->server->name }}</li>
                </ul>
                <div class="text-end">
                    <div class="d-block link-dark text-decoration-none">
                        <x-bladewind::icon name="globe-alt" class="h-14 w-14 p-3
                    {{ $this->status == true ? 'text-green-500' : 'text-red-500' }}"/>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <livewire:server-watcher-component :server="$this->server"/>
</div>
